<template>
    <bi-table :data="list" height="369" >
        <bi-table-column label="页面" name="title" ></bi-table-column>
        <bi-table-column label="选择"  v-slot="{row}" width="80" >
            <bi-button type="primary" size="small" @click="select(row)" >选择</bi-button>
        </bi-table-column>
    </bi-table>
</template>

<script>
export default{
    data(){

        let list = [
            {name:'index',title:'首页'},
            {name:'category',title:'分类'},
            {title:'会员中心',name:'member'},
            {title:'订单中心',name:'order'},
            {title:'购物车',name:'cart'},
            {title:'商品详情',name:'goods'},
            {title:'关于我们',name:'about'},
            {title:'联系我们',name:'contact'},
            {title:'帮助中心',name:'help'},
        ];

        return {
             list
        }
    },
    emits:['callback'],
    methods:{
        select(row){
            this.$emit('callback','SYSTEM-PAGE#'+row.name,row.title);
        }
    },
}
</script>
